<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="layui/css/layui.css">
		<link rel="stylesheet" href="layui/css/layui.icon.css" />
		<link rel="stylesheet" href="css/flatly/bootstrap.css" />
		<link rel="stylesheet" href="css/uieditor.css" />
		<style>
			.layui-nav.c4u-menubar .layui-nav-item {
				line-height: 30px;
			}
			
			.layui-nav.c4u-menubar .layui-nav-more {
				top: 14px;
			}
			
			.layui-nav.c4u-menubar .layui-nav-mored {
				top: 6px;
			}
			
			.layui-nav.c4u-menubar .layui-nav-child {
				top: 35px;
			}
			
			.layui-nav.c4u-menubar .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
				background-color:white ;
				color: #333;
			}
			
			.c4u-bar {
				background-color: #eeeeee;
			}
			
			.c4u-menubar {
				border-radius: 0px;
			}
			
			.c4u-menubar .layui-nav-child {
				z-index: 1000;
			}
			
			.c4u-toolbar {
				display: inline-block;
			}
			
			.layui-layout-admin .layui-side,
			.layui-layout-admin .layui-body {
				top: 120px;
			}
			
			#c4urighttool {
				top: 0px;
				width: 200px;
				z-index: 99;
			}
			/*.layui-layout-admin .layui-body,
			.layui-layout-admin .layui-footer {
				right: 200px;
			}*/
			
			.layui-layout-admin .layui-side {
				background-color: #23262e!important;
			}
			.layui-layout-admin .layui-body{
				bottom: 0px;
			}
			
			.c4u-body {
				margin: 0px;
			}
			
			.c4u-body .layui-tab-content {
				padding: 0px;
			}
			
			.c4u-body .layui-tab-content .layui-tab-item iframe {
				width: 100%;
				border: none;
			}
			
			.layui-side-scroll {
				width: auto;
			}
			
			.c4u-tree .layui-colla-content {
				padding: 0px 0px 0px 15px;
				border-top: 1px solid #23262e;
			}
			
			.c4u-tree .layui-collapse {
				border: 1px solid #23262e;
			}
			
			.c4u-tree .layui-colla-title {
				color: #fff;
				background-color: #23262e;
			}
			
			.c4u-tree .layui-colla-item {
				border-top: 1px solid #23262e;
			}
			
			.c4u-tree .layui-icon {
				margin-right: 4px;
			}
			
			.c4u-list {
				color: white;
				padding-left: 20px;
			}
			
			.c4u-list li {
				padding: 3px 0px;
				cursor: pointer;
			}
			
		</style>
	</head>

	<body class="layui-layout-body">
		<di id="c4uMain" class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div id="siteName" class="layui-logo"></div>
			</div>
			<div class="c4u-bar">
				<ul  class="c4u-menubar layui-nav">
					
				</ul>
				<div  class="c4u-toolbar">
					
				</div>
			</div>
			<!-- project nav-->
			<div  class="c4u-tree layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<div class="layui-collapse" lay-accordion="">
						<div class="layui-colla-item">
							<h2 class="layui-colla-title"><i class="layui-icon">&#xe857;</i><span id="projectName"></span></h2>
							<div class="layui-colla-content layui-show">
								<div class="layui-collapse" lay-accordion="">
									<div data-type="db" class="layui-colla-item  file-group">
										<h2  class="layui-colla-title"><i class="layui-icon">&#xe7a0;</i>数据对象</h2>
										<div class="layui-colla-content layui-show">
											<ul id="db" class="c4u-list project-files">
												
											</ul>
										</div>
									</div>
									<div  data-type="logic" class="layui-colla-item  file-group">
										<h2 class="layui-colla-title"><i class="layui-icon">&#xe7a0;</i>业务流程</h2>
										<div class="layui-colla-content">
											<ul id="logic" class="c4u-list project-files">
												
											</ul>
										</div>
									</div>
									<div data-type="ui" class="layui-colla-item file-group">
										<h2  class="layui-colla-title "><i class="layui-icon">&#xe7a0;</i>UI视图</h2>
										<div class="layui-colla-content">
											<ul id="ui" class="c4u-list project-files">
												
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>

			<div class="layui-body">
				<!-- 内容主体区域 -->
				<div id="c4u-body" class="c4u-body layui-tab" lay-filter="c4uworktab" lay-allowClose="true">
					<ul class="layui-tab-title">
						<li class="layui-this">C4u介绍</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">

							大家好！！！ 这里是中央电视台，第一平道!!

						</div>
					</div>
				</div>
				<!-- right ele bar  
				<div id="c4urighttool" ng-controller="c4urightbar" class="layui-side layui-layout-right layui-bg-black">
					<div ng-bind-html="context"></div>
				</div>-->
			</div>
		</div>

	</body>

	<script src="layui/layui.js"></script>
	<!--<script type="text/javascript" src="js/common.js"></script>-->
	<script type="text/javascript" src="js/uieditor.js"></script>

	<!--<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>-->
	
	<script>
		layui.config({
		  base: 'js/' //假设这是你存放拓展模块的根目录
		}).extend({ //设定模块别名
		});

		
	</script>
	<script id="menutpl" type="text/html">
		{{#  layui.each(d.menus, function(index, item){ }}
		<li class="layui-nav-item">
			<a href="javascript:;" data-id="{{item.id}}">{{item.name}}</a>
			<dl class="layui-nav-child">
				<!-- 二级菜单 -->
				{{#  layui.each(item.submenu, function(index, subitem){ }}
				<dd>
					<a href="javascript:;" id="{{subitem.id}}" data-name="{{subitem.name}}" data-cmd="{{subitem.click}}" >{{subitem.name}}</a>
				</dd>
				{{#  }); }}
			</dl>
		</li>
		{{#  }); }}
	</script>
	<script id="tooltpl" type="text/html">
		{{#  layui.each(d.toolbars, function(index, item){ }}
		<div class="layui-btn-group" >
			{{#  layui.each(item, function(index, subitem){ }}
			<button  data-cmd="{{subitem.cmd}}" class="layui-btn layui-btn-primary layui-btn-small" title="{{subitem.tip}}"><i class="layui-icon {{subitem.icon}}"></i></button>
			{{#  }); }}
		</div>
		{{#  }); }}
	</script>
	<script id="filetpl" type="text/html">
		{{#  layui.each(d.files, function(index, item){ }}
			<li data-type="{{d.type}}" id="file_{{item.ID}}" >{{item.Name}}</li>
		{{#  }); }}
	</script>
	<script type="text/javascript" src="js/c4u-app.js"></script>
</html>